.topwrap{
    background: #f5f4f4;    
}
.top ,.head{
    width: 1190px;
}
.top{
    
    height: 31px;
    background: #f5f4f4;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
    color:  #7f7f7a;
    font:  12px/1.5 Arial, 'microsoft yahei', 'SimSun'
}
.top a{
    color:  #7f7f7a;
}
.top-left{
    float: left;
    line-height: 31px;
}
.top-left>a{
    color: red;
    margin-left: 10px;
}
.top-left span:nth-of-type(2){
    color: black;
}
.top-login{
    float: left;
    width: 200px;
    margin-left: 44px;
    line-height: 31px;
}
.top-login a{
    color:  #7f7f7a;   
}
.top-login a:first-child::after {
    content: "|";
    padding: 0 11px;
    color: #e6e6e6;
}
/* top右 */
.top-right{
    float: right;
    line-height: 31px;
}
.top-right>li,.top-right>a{
    float: left; 
    cursor: pointer;
    padding: 0px 10px;
}
.top-right-li2 ul>span,.top-right-li2 ul>a{
    float: left;
}
.top-right-li1{
    width: 90px;
    position: relative;
}
/* 三角静态 */
.top-right-li1 b{
    transition: transform .2s ease-in 0s;
    -webkit-transition: -webkit-transform .2s ease-in 0s;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #cecece transparent transparent;
    border-width: 4px 4px 0;
    margin-left: 3px;
    position: absolute;
    right: 8px;  
    top: 14px;
}
/* 三角动效 */
.top-right-li1:hover b{
    transform: rotate(180deg);
}
.top-right-li1>ul{
    width: 100px;
    position: absolute;
    z-index: 10;
    background: white;
    display: none;
    left: -1px;
}
.top-right-li1>ul li{
    text-align: center;
}
/* wechat */
.wechat{
    position: relative;
}
.wechat>div{
    padding: 10px;
    display: none;
    position: absolute;
}
.wechat:hover{
    background:white;
    border:1px solid #e6e6e6;
    border-top:none;
}
.wechat:hover>div{
    display: block;
    background:white;
    border:1px solid #e6e6e6;
    border-top:none;
    left: -1px;
    z-index: 10;
}
.wechat img{
    width: 100px;
}
.app{
    position: relative;
}
.app>div{
    padding: 10px;
    display: none;
    position: absolute;
}
.app:hover{
    background:white;
    border:1px solid #e6e6e6;
    border-top:none;
}
.app:hover>div{
    display: block;
    background:white;
    border:1px solid #e6e6e6;
    border-top:none;
    left: -1px;
}
.app p{
    line-height: 1;
}
.top-right-li2{
    width: 80px;
    position: relative;
}
/* 三角静态 */
.top-right-li2 b{
    transition: transform .2s ease-in 0s;
    -webkit-transition: -webkit-transform .2s ease-in 0s;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #cecece transparent transparent;
    border-width: 4px 4px 0;
    margin-left: 3px;
    position: absolute;
    right: 8px;  
    top: 14px;
}
/* 三角动效 */
.top-right-li2:hover b{
    transform: rotate(180deg);
}
.top-right-li2>ul{
    width: 90px;
    position: absolute;
    z-index: 10;
    background: white;
    display: none;
    left: -1px;
    padding-left: 10px;
}
.top-right-li2>ul li{
    text-align: left;
    
}






